<template>
  <div class="userInfo">
      <div class="user-Img"><img src="~assets/userIcon/userphoto.png" alt=""></div>
      <div class="user-name">
          <div class="user-name">李毅</div>
          <div class="user-fans"><span>关注 0 </span>|<span> 粉丝 0</span></div>
      </div>
  </div>
</template>
<script>
export default {
  name: 'UserName',
  data () {
    return {}
  }
}
</script>
<style lang="stylus" scoped>
.userInfo
    display: flex
    height: (54/50)rem
    margin-top: (2/50)rem
    .user-Img
        height: (54/50)rem
        width: (54/50)rem
        border-radius: (54/50)rem
        border: (1/50)rem solid #fff
        margin-left: (12/50)rem
        margin-right: (6/50)rem
    .user-name
        font-size: (20/50)rem
        color: #fff
        .user-name
            height: (29/50)rem
            line-height: (29/50)rem
            margin-bottom: (2/50)rem
        .user-fans
            height: (20/50)rem
            font-size: (14/50)rem
            line-height: (20/50)rem
</style>
